<template>
    <div class="content">
      <!-- 左侧 -->
      <div class="left-section">
        <Education />
       </div>
      <!-- 中间区域 -->
      <div class="center-section">
        <img src="@/assets/img/ledgend4.png" class="ledgend-img">
        <Center />
      </div>
      <!-- 右侧区域 -->
      <div class="right-section">
        <ScienceIntroduction />
        <SciencePhoto />
      </div>
    </div>
  </template>
  
  <script>
  import Education from '@/components/ScienceEducation/Education.vue'
  import Center from '@/components/ScienceEducation/Center.vue'
  import ScienceIntroduction from '@/components/ScienceEducation/ScienceIntroduction.vue'
  import SciencePhoto from '@/components/ScienceEducation/SciencePhoto.vue'
  export default {
    name: 'ExperienceRoad',
    components: {
        Education,   
        Center,
        ScienceIntroduction,
        SciencePhoto
    },
    data() {
      return {
      }
    },
    mounted() {
    },
    methods: {
     
    }
  }
  </script>
  
  <style lang="scss" scoped>
  .ledgend-img {
    position: absolute;
    bottom: 271px;
    right: 19px;
    pointer-events: auto;
  }
  </style> 